<template>
  <div>
    <h1 @click="handleClick">{{con}}</h1>
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  setup () {
    const con = ref('你好世界')
    const handleClick = () => {
      con.value = 'HelloWord'
    }
    return {
      con,
      handleClick
    }
  }
}
</script>

<style scoped>

</style>